<div id="page-wrapper">
    <div class="row">
        <div class="col-lg-12" style="margin-top:51px">
            <h1 class="page-header">ZNZCloud主站访问</h1>
            <ol class="breadcrumb">
                <li class="active">
                    <i class="fa-fw fa fa-home"></i> 首页
                </li>
            </ol>
        </div>
        <!-- /.col-lg-12 -->
    </div>
    <!-- /.row -->
    <div class="row">
        <div class="col-lg-3 col-md-6">
            <div class="panel panel-green">
                <div class="panel-heading">
                    <div class="row">
                        <div class="col-xs-3">
                            <i class="fa fa-globe fa-fw fa-5x"></i>
                        </div>
                        <div class="col-xs-9 text-right">
                            <div>TODAY'S VISITS</div>
                            <div class="huge">7842</div>
                        </div>
                    </div>
                </div>
                <a href="#">
                    <div class="panel-footer">
                        <div class="stats-progress progress" style="background: rgba(0,0,0,.2);height: 2px;margin: 0 -15px 12px;">
                            <div class="progress-bar" style="width: 70.1%;background: rgba(0,0,0,.2);"></div>
                        </div>
                        <span class="pull-left">Better than yesterday(70.1%)</span>
                        <span class="pull-right"><i class="fa fa-arrow-circle-right"></i></span>
                        <div class="clearfix"></div>
                    </div>
                </a>
            </div>
        </div>
        <div class="col-lg-3 col-md-6">
            <div class="panel panel-primary">
                <div class="panel-heading">
                    <div class="row">
                        <div class="col-xs-3">
                            <i class="fa fa-users fa-5x"></i>
                        </div>
                        <div class="col-xs-9 text-right">
                            <div>UNIQUE VISITORS</div>
                            <div class="huge">3988</div>
                        </div>
                    </div>
                </div>
                <a href="#">
                    <div class="panel-footer">
                        <div class="stats-progress progress" style="background: rgba(0,0,0,.2);height: 2px;margin: 0 -15px 12px;">
                            <div class="progress-bar" style="width: 54.9%;background: rgba(0,0,0,.2);"></div>
                        </div>
                        <span class="pull-left">Better than yesterday(54.9%)</span>
                        <span class="pull-right"><i class="fa fa-arrow-circle-right"></i></span>
                        <div class="clearfix"></div>
                    </div>
                </a>
            </div>
        </div>
        <div class="col-lg-3 col-md-6">
            <div class="panel panel-yellow">
                <div class="panel-heading">
                    <div class="row">
                        <div class="col-xs-3">
                            <i class="fa fa-tags fa-fw fa-5x"></i>
                        </div>
                        <div class="col-xs-9 text-right">
                            <div>TODAY'S PROFIT</div>
                            <div class="huge">180200</div>
                        </div>
                    </div>
                </div>
                <a href="#">
                    <div class="panel-footer">
                        <div class="stats-progress progress" style="background: rgba(0,0,0,.2);height: 2px;margin: 0 -15px 12px;">
                            <div class="progress-bar" style="width: 40.5%;background: rgba(0,0,0,.2);"></div>
                        </div>
                        <span class="pull-left">Better than yesterday(40.5%)</span>
                        <span class="pull-right"><i class="fa fa-arrow-circle-right"></i></span>
                        <div class="clearfix"></div>
                    </div>
                </a>
            </div>
        </div>
        <div class="col-lg-3 col-md-6">
            <div class="panel panel-primary">
                <div class="panel-heading">
                    <div class="row">
                        <div class="col-xs-3">
                            <i class="fa fa-shopping-cart fa-fw fa-5x"></i>
                        </div>
                        <div class="col-xs-9 text-right">
                            <div>TODAY's ORDERS</div>
                            <div class="huge">38900</div>
                        </div>
                    </div>
                </div>
                <a href="#">
                    <div class="panel-footer">
                        <div class="stats-progress progress" style="background: rgba(0,0,0,.2);height: 2px;margin: 0 -15px 12px;">
                            <div class="progress-bar" style="width: 76.3%;background: rgba(0,0,0,.2);"></div>
                        </div>
                        <span class="pull-left">Better than yesterday(76.3%)</span>
                        <span class="pull-right"><i class="fa fa-arrow-circle-right"></i></span>
                        <div class="clearfix"></div>
                    </div>
                </a>
            </div>
        </div>
    </div>
    <!-- /.row -->
    <div class="row">
        <div class="col-lg-8">
            <!-- /.chart -->
            <% include website-analytics.html %>
                <!-- /.chart -->
                <!-- /.chart -->
                <% include visitors-city.html %>
                    <!-- /.chart -->
        </div>
        <!-- /.col-lg-8 -->
        <div class="col-lg-4">
            <!-- /.chart -->
            <% include visitors-analytics.html %>
                <!-- /.chart -->
                <!-- /.chart -->
                <% include visitors-status.html %>
                    <!-- /.chart -->
        </div>
        <!-- /.col-lg-4 -->
    </div>
    <!-- /.row -->
</div>
<!-- /#page-wrapper -->
</div>
<!-- /#wrapper -->